<template>
  <div>
    <el-card class="card-bottom">
      <span>
        <i class="el-icon-user-solid"></i> 用户：<el-link type="primary">admin</el-link>
      </span>
      <span><i class="el-icon-s-tools"></i>系统：1.0</span>
      <span>已不间断运行: 66天</span>
      <span class="right">
        <el-link type="primary"
          class="link-padding"
          :underline="false">更新</el-link>
        <el-link type="primary"
          class="link-padding"
          :underline="false">修复</el-link>
        <el-link type="primary"
          class="link-padding"
          :underline="false"> 重启</el-link>
      </span>
    </el-card>
    <el-row :gutter="40">

      <el-col :span="12">
        <el-card>
          <el-timeline>
            <el-timeline-item timestamp="2020/10/10"
              placement="top">
              <el-card>
                <h4>创建项目</h4>
                <p>杨康 提交于 2020/10/10 20:46</p>
              </el-card>
            </el-timeline-item>
            <el-timeline-item timestamp="2020/10/15"
              placement="top">
              <el-card>
                <h4>创建 user 分支</h4>
                <p>杨康 提交于 2020/10/15 20:48</p>
              </el-card>
            </el-timeline-item>
            <el-timeline-item timestamp="2020/11/11"
              placement="top">
              <el-card>
                <h4>更新 goods 分支</h4>
                <p>杨康 提交于 2020/11/11 10:23</p>
              </el-card>
            </el-timeline-item>
          </el-timeline>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card>
          <h3>功能：系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目</h3>
          <h4>前端项目技术栈:</h4>
          <ul>
            <li>Vue</li>
            <li>Vue-router</li>
            <li>Element-UI</li>
            <li>Axios</li>
            <li>Echarts</li>
          </ul>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.card-bottom {
  margin-bottom: 20px;
}
.card-bottom span {
  padding-right: 50px;
}
.card-bottom span i {
  padding-right: 8px;
}
.right {
  position: absolute;
  right: 0;
}
.link-padding {
  padding-right: 10px;
}
</style>